<div class="message">
    <div class="message-mid-line">- - - - 23:21 - - - -</div>
    <div class="message-box">
            <div class="user-avatar">
                <img src="/mod-page/images/avatar.jpg" />
            </div>
            <div class="message-content">
                <div class="message-top">可以可以啊所发生的发斯蒂芬阿斯顿发送到发生地方阿斯顿发生的撒撒地方</div>
            </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="message">
    <div class="message-mid-line"></div>
    <div class="message-box f-right">
            <div class="message-content">
                <div class="message-top me">wwww可以可以啊所发生的发斯蒂芬阿斯顿发送到发生地方阿斯顿发生的撒撒地方</div>
            </div>
            <div class="user-avatar">
                <img src="/mod-page/images/avatar2.jpg" />
            </div>
    </div>
    <div style="clear: both"></div>
</div>

<div class="message">
    <div class="message-mid-line"></div>
    <div class="message-box ">
        <div class="user-avatar">
            <img src="/mod-page/images/avatar.jpg" />
        </div>
        <div class="message-content doc">
            <div class="message-top orange-title"><i class="fa fa-edit" aria-hidden="true"></i> 问诊单 <span class="span-right">已填写</span></div>
            <div class="message-content-body">
                <p><span>患者：</span>张天师</p>
                <p><span>主诉：</span>发烧头痛</p>
                <p><span>收费: </span>免费</p>
            </div>
            <div class="message-content-foot">
                <a><span> -- 点击查看详情 -- </span></a>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>

<div class="message">
    <div class="message-mid-line">- - - - 00:25 - - - -</div>
    <div class="message-box f-right">
        <div class="message-content doc">
            <div class="message-top orange-title"><i class="fa fa-edit" aria-hidden="true"></i> 问诊单 <span class="span-right">已填写</span></div>
            <div class="message-content-body">
                <p><span>患者：</span>张天师</p>
                <p><span>主诉：</span>发烧头痛</p>
                <p><span>收费：</span>免费</p>
            </div>
            <div class="message-content-foot">
                <a><span> -- 点击查看详情 -- </span></a>
            </div>
        </div>
        <div class="user-avatar">
            <img src="/mod-page/images/avatar2.jpg" />
        </div>
    </div>
    <div style="clear: both"></div>
</div>

<div class="message">
    <div class="message-mid-line">- - - - 23:21 - - - -</div>
    <div class="message-box">
        <div class="user-avatar">
            <img src="/mod-page/images/avatar.jpg" />
        </div>
        <div class="message-content">
            <div class="message-top">可以可以啊所发生的发斯蒂芬阿斯顿发送到发生地方阿斯顿发生的撒撒地方</div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>

<div class="message">
    <div class="message-mid-line">- - - - 00:25 - - - -</div>
    <div class="message-box f-right">
        <div class="message-content doc">
            <div class="message-top orange-title"><i class="fa fa-edit" aria-hidden="true"></i> 问诊单 <span class="span-right">已填写</span></div>
            <div class="message-content-body">
                <p><span>患者：</span>张天师</p>
                <p><span>主诉：</span>发烧头痛</p>
                <p><span>收费：</span>免费</p>
            </div>
            <div class="message-content-foot">
                <a><span> -- 点击查看详情 -- </span></a>
            </div>
        </div>
        <div class="user-avatar">
            <img src="/mod-page/images/avatar2.jpg" />
        </div>
    </div>
    <div style="clear: both"></div>
</div>

<div class="message">
    <div class="message-mid-line"></div>
    <div class="message-box f-right">
        <div class="message-content">
            <div class="message-top me">wwww可以可以啊所发生的发斯蒂芬阿斯顿发送到发生地方阿斯顿发生的撒撒地方</div>
        </div>
        <div class="user-avatar">
            <img src="/mod-page/images/avatar2.jpg" />
        </div>
    </div>
    <div style="clear: both"></div>
</div>